.puzzle-game-container {
    background-image: url(#{$base_path}/img/game/game-container-bg.png);
    height: 100vh;
    // width: 100vw;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
    .game-icon-1 {
        left: 50%;
    transform: translateX(-62%);
    position: absolute;
    bottom: calc(50% - 39vh);
    }
    .game-title {
        color: #2873e5;
        font-size: 5rem;
        text-align: center;
        margin-top: 10%;

    }
    .game-icon-2 {
        left: 50%;
    transform: translateX(-62%);
    position: absolute;
    bottom: calc(50% - 39vh);
    }
    
    
    #game {
        // max-width: 800px;
        width: 90%;
        box-sizing: border-box;
        // margin: 0 auto;
        // margin-top: 10px;
        height: 50%;
        position: absolute;
        // bottom: 50%;
        background: #fff;
        padding: 15px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        top: 16%;
        // background-color: #2873e5;
        padding-right: 15px;
        padding-left: 13px;
        padding-top: 11px;
        padding-bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
        // overflow: hidden;
        margin: 0;
        z-index: 2;
    }
    .game-icon-2 {
        position: absolute;
        
    }
    
    #game {
        // color: #55b48d;
        .game-theme {
            width: 100%;
            
            .game-theme-item {
                width: 80%;
                box-sizing: border-box;
                padding: 16px 30px;
                text-align: center;
                margin: 10px auto;
                font-size: 14px;
                // background: url('#{$base_path}/img/game/item-bg.png');
                border: solid 1px #000;
                background-size: 100% 100%;
                &.active {
                    // background-image: url('#{$base_path}/img/game/item-bg-active.png');
                    border: solid 2px #000;
                    font-weight: bold;
                    // color: #fff;
                }
            }
        }
        img {
            position: absolute;
        }
        .game-icon-1 {
            bottom: -12rem;
            left: 3rem;
        }
        .game-icon-2 {
            left: 10px;
    bottom: -195px;
        }
        // width: 99%;
    }
    
    
    
    /*提示信息*/
    .hint {
        width:100%;
        height: 100%;
        position: fixed;
        top:0 ;
        background-color: #3C3C3C;
        opacity: .8;
        text-align: center;
        z-index: 999;
        color: white;
    }
    .hint>div{
        font-size: 20px;
        position: absolute;
        top: 20%;
        left: 50%;
        margin-left: -100px;
    }
    .hint p{
        margin: 5px 0;
    }
    .hide{
        display: none;
    }
}
.result-modal {
    text-align: center;
    .modal-btn {
        margin-top: 10px;
        background-image: url(#{$base_path}/img/puzzle/modal_btn_bg.png);
        background-size: cover;
        color: #fff;
            font-size: 18px;
            line-height: 1.127;
            text-align: center;
            text-shadow: 0px 1px 1px rgba(7, 1, 3, 0.5);
          
        background-repeat: no-repeat;
        background-position: center;

    }
    &.adm-center-popup-body {
        background-color: transparent;
    }
    .result-modal-icon {
        img {
            height: 84px;
            display: block;
            margin: 10px auto;
        }
        

    }
    .result-modal-text {
            font-size: 21px;
            // color: rgb(40, 115, 229);
            // color: #804a0f;
            line-height: 1.2;
            // text-align: center;
          
    }
    .result-modal-text2 {
        font-size: 14px;
        // color: rgb(102, 102, 102);
        line-height: 2;
        margin-top: 10px;
        text-align: center;
      }
      
      .operation {
        position: absolute;
        bottom: 40%;
        left: 0;
        .modal-btn {
            background-image: url(#{$base_path}/img/puzzle/modal_btn_bg.png);
            background-size: cover;
            color: #fff;
                font-size: 18px;
                line-height: 1.127;
                text-align: center;
                text-shadow: 0px 1px 1px rgba(7, 1, 3, 0.5);
              
            background-repeat: no-repeat;
            background-position: center;

        }
      }
    // &.close-at-center-bottom {
    //     > .adm-modal-content {
    //       > .inner {
    //         > .close-btn {
    //         //   top: -18%;
    //         //   position: absolute;
    //         //   right: -10%;
    //         //   font-size: 3.6rem;
    //         //   @include transform(translateX(50%));
    //         }
    //       }
    //     }
    //   }
}
.result-icon {
    // width: 40px;
    // position: absolute;
    // top: -20px;
    // left: 50%;
    // transform: translateX(-50%);
}